/*DOCUMENT STYLES*/

iframe {
	margin: 10% 35%;
}

#ytWidget {
	float: right;
}

* { /*selects all elements*/
	box-sizing: border-box;/*tells computer to include padding and border in all element sizing*/
}

html { /*selects the entire html document*/
	background: linear-gradient(to bottom, #6BD1DF /*#73E0F3*/, #FFFFFF);
	/*background: #73E0F3;/*sets the background of the ENTIRE document to teal*/
	margin: 0 auto; /*centers the site on the page*/
	padding: 0;
	/*width: 960px; /*sets the width to 960 pixels*/
}

body {
	
	padding: 0;
	margin: 0;
	top: 0;
  display: flex; /*helps with sticky footer*/
  min-height: 100vh; /*helps with sticky footer*/
  flex-direction: column; /*helps with sticky footer*/
	font-size:1.25em;
	
}

/*.site-content { /*helps with sticky footer*
  flex: 1;
}*/

h1 { /*selects all h1's*/
	font-family: "Goudy Old Style";/*makes them cursive in a special font*/
	font-size: 3em;/*makes the heading 3x normal text*/
	text-align: center;/*aligns the text to the left of the page*/
	margin: 1%; /*sets the margin to 1%*/
}

h2 {
	margin: 0 1%;
	font-size: 1em;
}

a { /*selects all links in the page*/
		color: inherit; /*removes the default blue type of links and replaces with color of the document*/
		text-decoration: none; /*removes the default underline from all links*/
	}

.banner {
	background: #333;
	/*background-image: ../url('Images/banner_option1.jpg'); /*sets background to the image in ""*/
	height: 100%;/*fills 100% of the vertical header section*/
	background-size: cover;
	margin: 0;
	padding: 0;
	width: 100%;
	
}

.banner h1 {
	text-align: left;
	font-family: "Brush Script MT", cursive;/*makes them cursive in a special font*/
	font-size: 3em;/*makes the heading 3x normal text*/
	margin: 0 1% 1%; /*sets the margin to 1%*/
	color: white;	
}

.banner h2 {
	color: white;
}

a:hover { /*selects any link being hovered over*/
	color: blue; /*turns the text blue*/
}
	
/*.gradient {
	background: linear-gradient(to bottom, #6BD1DF /*#73E0F3, #FFFFFF);
}*/
.slides {
	/*background: #FFFFFF;*/
	width: 70%;
	margin: auto;
}

.accordion2 {
	background-color: #eee;
	color: #444;
	padding: 18px;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-radius: 24px;
	margin: auto;
	margin-left: 40%;
}
/*IMAGE STYLES*/
img { /*selects all images*/
	margin: 0; /*removes image margins*/
	padding: 0; /*removes image padding*/
	width: 100%;
	max-width: 100%;
}